<template>
    <div>
      <el-row >
        <el-col :span="7">
          <span>选择商户</span>
          <el-select
            v-model="merchantName"
            filterable
            clearable
            @clear="clearMerchant"
            @change="selectMerchant"
            placeholder="请选择"
          >
            <el-option
              v-for="item in merchants"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            >

            </el-option>
          </el-select>
        </el-col>
        <el-col :span="7">
          <span>现有榜单</span>
          <el-select
            v-model="boardName"
            filterable
            clearable
            @clear="clearBoard"
            @change="selectBoard"
            placeholder="请选择"
          >
            <el-option
              v-for="item in boards"
              :key="item.id"
              :label="item.title"
              :value="item.id"
            >

            </el-option>
          </el-select>
        </el-col>
        <el-col :span="2" :offset="6">
          <el-button type="primary" @click="addDetail" >
            新增详情
          </el-button>
        </el-col>
      </el-row>
    </div>
</template>

<script>
  export default {
    name: 'PrizeHome'
  }
</script>

<style scoped>

</style>
